﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true" CodeFile="Friends.aspx.cs" Inherits="Friends" %>

<asp:Content ID="Content1" ContentPlaceHolderID="headContent" Runat="Server">
    <style type="text/css">
        .style2
        {
            width: 289px;
        }
        .style5
        {
            width: 320px;
        }
        .style6
        {
            width: 371px;
        }
        .style7
        {
            width: 326px;
        }
        .style8
        {
            width: 330px;
        }
        .style9
        {
            width: 290px;
        }
    </style>
    </asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" Runat="Server">
    <h2>Friends</h2>

    <asp:Button ID="btnUp" runat="server" onclick="btnUp_Click" Text="/\" 
        Width="61px" />
    <asp:Button ID="btnDown" runat="server" onclick="btnDown_Click" Text="\/" 
        Width="79px" />

    <table border="1" cellspacing="1" cellpadding="1">
        <tr>
            <td>
                <asp:ListBox ID="lbxFriends" runat="server" Font-Size="Large" Height="83px" 
                    onselectedindexchanged="lbxFriends_SelectedIndexChanged" Width="430px" 
                    SelectionMode="Single" AutoPostBack="True" onKeyUp="this.blur();">
                </asp:ListBox>
            </td>
            <td class="style2">
                <asp:Label ID="lblName" runat="server" Font-Size="Large"></asp:Label>
                <br />
                <asp:Label ID="lblEmail" runat="server" Font-Size="Large"></asp:Label>
                <br />
                <asp:Label ID="lblId" runat="server" Font-Size="Large"></asp:Label>
            </td>
            <td class="style5">
                <ul>
                    <li> Use the arrow buttons (/\ and \/) to navigate through friends list.</li>
                    <li> This list shows the users you have friended.</li>
                </ul>
            </td>
        </tr>
    </table>

    <h2>Possible Friends</h2>
    <p>
    <asp:Button ID="btnUp2" runat="server" onclick="btnUp2_Click" Text="/\" 
        Width="80px" />

    <asp:Button ID="btnDown2" runat="server" onclick="btnDown2_Click" Text="\/" 
        Width="79px" />

    <asp:Button ID="btnAddFriend" runat="server" onclick="btnAddPossibleFriend_Click" 
        style="height: 26px" Text="Add Friend" />


    </p>

    <table border="1" cellspacing="1" cellpadding="1">
        <tr>
            <td>
                <asp:ListBox ID="lbxPossibleFriends" runat="server" Font-Size="Large" Height="90px" 
                    onselectedindexchanged="lbxPossibleFriends_SelectedIndexChanged" Width="429px" 
                    SelectionMode="Single" AutoPostBack="True" onKeyUp="this.blur();">
                </asp:ListBox>
            </td>
            <td class="style9">
                <asp:Label ID="lblNamepf" runat="server" Font-Size="Large"></asp:Label>
                <br />
                <asp:Label ID="lblEmailpf" runat="server" Font-Size="Large"></asp:Label>
                <br />
                <asp:Label ID="lblIdpf" runat="server" Font-Size="Large"></asp:Label>  
            </td>
            <td class="style7">
                <ul>
                    <li> Use the arrow buttons (/\ and \/) to navigate through friends list.</li>
                    <li> This list shows friends of friends you may know.</li>
                    <li> Click the add button to add a friend.  The new friend will appear in the Friends list (above).</li>
                </ul>
            </td>
        </tr>
    </table>

    <h2>Directory</h2>
    <p>
        <asp:Button ID="btnUpDir" runat="server" Text="/\" Width="80px" 
            onclick="btnUpDir_Click" />
        <asp:Button ID="btnDownDir" runat="server" Text="\/" Width="80px" 
            onclick="btnDownDir_Click" />
        <asp:Button ID="btnAddFriendDir" runat="server" Text="Add Friend" 
            Width="102px" onclick="btnAddFriendDir_Click" />
    </p>
    
    <table border="1" cellspacing="1" cellpadding="1">
        <tr>
            <td class="style6">
                <asp:ListBox ID="lbxFriendDir" runat="server" Font-Size="Large" Height="118px" 
                    onselectedindexchanged="lbxFriendDir_SelectedIndexChanged" Width="432px" 
                    SelectionMode="Single" AutoPostBack="True" onKeyUp="this.blur();">
                </asp:ListBox>
            </td>
            <td class="style9">
                <asp:Label ID="lblNameDir" runat="server" Font-Size="Large"></asp:Label>
                <br />
                <asp:Label ID="lblEmailDir" runat="server" Font-Size="Large"></asp:Label>
                <br />
                <asp:Label ID="lblIdDir" runat="server" Font-Size="Large"></asp:Label>
            </td>
            <td class="style8">
                <ul>
                    <li> Use the arrow buttons (/\ and \/) to navigate through friends list.</li>
                    <li>This list shows all the users you can friend.</li>
                    <li> Click the add button to add a friend.  The new friend will appear in the Friends list (above).</li>
                </ul>
            </td>
        </tr>
    </table>
    

</asp:Content>

